<template>
  <div class="basic-information">
    <el-form :inline="true" :model="basicData" class="demo-form-inline">
      <el-form-item label="企业简介">
        <el-input
          v-model="basicData.companyProfile"
          placeholder="详细信息"
        ></el-input>
      </el-form-item>
      <el-form-item label="企业需求">
        <el-input
          v-model="basicData.enterpriseDemand"
          placeholder="详细信息"
        ></el-input>
      </el-form-item>
      <el-form-item label="企业文化">
        <el-input
          v-model="basicData.corporateCulture"
          placeholder="详细信息"
        ></el-input>
      </el-form-item>
      <el-form-item label="企业愿景">
        <el-input
          v-model="basicData.corporateVision"
          placeholder="详细信息"
        ></el-input>
      </el-form-item>
      <el-form-item label="产品及服务">
        <el-input
          v-model="basicData.productsAndServices"
          placeholder="详细信息"
        ></el-input>
      </el-form-item>
      <el-form-item label="经营范围">
        <el-input
          v-model="basicData.natureOfBusiness"
          placeholder="详细信息"
        ></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      basicData: {
        companyProfile: '',
        enterpriseDemand: '',
        corporateCulture: '',
        corporateVision: '',
        productsAndServices: '',
        natureOfBusiness: '',
      },
    };
  },
};
</script>
<style lang="less" scoped>
.basic-information {
  width: 100%;
  .el-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    .el-form-item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      .el-form-item__content {
        width: 100%;
        .el-input {
          width: 365%;
        }
      }
    }
  }
}
</style>
